<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">


<p:dialog id="dialogCadastro" modal="true" width="50%" position="top"
	appendTo="@(body)" closable="false" resizable="true" draggable="true"
	widgetVar="dialogCadastroMovimentacao" header="Movimentação">
	<p:ajax event="close" listener="#{movimentacaoMB.close}"
		update="frmDialogMovimentacao" />
	<h:form id="frmDialogMovimentacao">

		<h:panelGrid columns="2">

			<p:outputLabel value="Codigo:"></p:outputLabel>
			<p:inputText value="#{movimentacaoMB.movimentacaoSelecionado.codigo}"
				disabled="true"></p:inputText>

			<p:outputLabel value="Categoria:" for="selectcat"
				rendered="#{movimentacaoMB.incluindo}"></p:outputLabel>
			<p:selectOneMenu rendered="#{movimentacaoMB.incluindo}"
				value="#{movimentacaoMB.movimentacaoSelecionado.produto.categoria}"
				required="true" id="selectcat" filter="true" style="width:200px"
				disabled="#{movimentacaoMB.consultando}"
				converter="categoriaConverter">
				<f:selectItem itemLabel="" itemValue="#{null}"></f:selectItem>
				<f:selectItems value="#{movimentacaoMB.listaCategoria}"
					var="categoria" itemLabel="#{categoria.descricao}"
					itemValue="#{categoria}"></f:selectItems>
				<p:ajax event="change"
					listener="#{movimentacaoMB.preencheListaProduto}" update="outprod"></p:ajax>
			</p:selectOneMenu>

			<p:outputLabel value="Produto:" for="produto"></p:outputLabel>
			<p:outputPanel id="outprod">
				<p:selectOneMenu id="produto"
					value="#{movimentacaoMB.movimentacaoSelecionado.produto}"
					style="width:200px" disabled="#{movimentacaoMB.consultando}"
					required="true" converter="produtoConverter"
					requiredMessage="Produto é obrigatória!" maxlength="80">
					<f:selectItem></f:selectItem>
					<f:selectItems value="#{movimentacaoMB.listaProduto}" var="produto"
						itemLabel="#{produto.descricao}" itemValue="#{produto}">
					</f:selectItems>

					<p:ajax event="change" update="outestoque"></p:ajax>
				</p:selectOneMenu>
			</p:outputPanel>

			<p:outputLabel value="Quantidade em Estoque:"></p:outputLabel>
			<p:outputPanel id="outestoque">
				<p:inputText id="quantidadeest"
					onkeypress="return (mascaras(this,numero))"
					value="#{movimentacaoMB.movimentacaoSelecionado.produto.quantidade}"
					size="20" disabled="true">
				</p:inputText>
			</p:outputPanel>

			<p:outputLabel value="Quantidade Movimentar:" for="quantidade"></p:outputLabel>
			<p:inputText id="quantidade"
				onkeypress="return (mascaras(this,moeda))" converter="doubleConverter"
				value="#{movimentacaoMB.movimentacaoSelecionado.quantidade}"
				size="20" disabled="#{movimentacaoMB.consultando}" required="true"
				requiredMessage="Quantidade é obrigatória!" maxlength="20">
			</p:inputText>

			<p:outputLabel value="Preço:" for="preco"></p:outputLabel>
			<p:inputMask id="preco" onkeypress="return (mascaras(this,moeda))" converter="doubleConverter"
				value="#{movimentacaoMB.movimentacaoSelecionado.preco}" size="20"
				disabled="#{movimentacaoMB.consultando}" required="true"
				requiredMessage="Preco é obrigatória!" maxlength="20">
			</p:inputMask>

			<p:outputLabel value="Tipo Movimentação:" for="status"></p:outputLabel>
			<p:selectOneMenu
				value="#{movimentacaoMB.movimentacaoSelecionado.status}"
				required="true" id="status" filter="true" style="width:200px"
				disabled="#{movimentacaoMB.consultando}">
				<f:selectItems value="#{movimentacaoMB.listaStatus}" var="status"
					itemLabel="#{status.descricao}" itemValue="#{status}"></f:selectItems>
			</p:selectOneMenu>

			<p:outputLabel value="Motivo:" for="iptmotivo"></p:outputLabel>
			<p:inputTextarea style="width:300px;height:150px" maxlength="200"
				id="iptmotivo" scrollHeight="160" autoResize="true"
				value="#{movimentacaoMB.movimentacaoSelecionado.motivo}"
				disabled="#{movimentacaoMB.consultando}"></p:inputTextarea>


		</h:panelGrid>
		<h:panelGrid columns="2" style="border:0px">
			<p:commandButton value="Confirma"
				actionListener="#{movimentacaoMB.salvar}"
				rendered="#{not movimentacaoMB.consultando}"
				update=":frmTab:tabela,:mensagem"
				oncomplete="validaDialog(args,'dialogCadastroMovimentacao','frmDialogMovimentacao:dialogCadastro')" />


			<p:commandButton value="Cancela"
				onclick="dialogCadastroMovimentacao.hide()" immediate="true" />

		</h:panelGrid>

	</h:form>
</p:dialog>

</html>